<!DOCTYPE html>
<!--[if IE 9]>         <html class="ie9 no-focus" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-focus" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">

        <title>OneUI - Admin Dashboard Template &amp; UI Framework</title>

        <meta name="description" content="OneUI - Admin Dashboard Template &amp; UI Framework created by pixelcave and published on Themeforest">
        <meta name="author" content="pixelcave">
        <meta name="robots" content="noindex, nofollow">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

        <!-- Icons -->
        <!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
        <link rel="shortcut icon" href="assets/img/favicons/favicon.png">

        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-16x16.png" sizes="16x16">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-32x32.png" sizes="32x32">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-96x96.png" sizes="96x96">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-160x160.png" sizes="160x160">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-192x192.png" sizes="192x192">

        <link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-touch-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-touch-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-touch-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-touch-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-touch-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-touch-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-touch-icon-180x180.png">
        <!-- END Icons -->

        <!-- Stylesheets -->
        <!-- Web fonts -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">

        <!-- Bootstrap and OneUI CSS framework -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" id="css-main" href="assets/css/oneui.css">

        <!-- You can include a specific file from css/themes/ folder to alter the default color theme of the template. eg: -->
        <!-- <link rel="stylesheet" id="css-theme" href="assets/css/themes/flat.min.css"> -->
        <!-- END Stylesheets -->
    </head>
    <body>
        <!-- Page Container -->
        <!--
            Available Classes:

            'enable-cookies'             Remembers active color theme between pages (when set through color theme list)

            'sidebar-l'                  Left Sidebar and right Side Overlay
            'sidebar-r'                  Right Sidebar and left Side Overlay
            'sidebar-mini'               Mini hoverable Sidebar (> 991px)
            'sidebar-o'                  Visible Sidebar by default (> 991px)
            'sidebar-o-xs'               Visible Sidebar by default (< 992px)

            'side-overlay-hover'         Hoverable Side Overlay (> 991px)
            'side-overlay-o'             Visible Side Overlay by default (> 991px)

            'side-scroll'                Enables custom scrolling on Sidebar and Side Overlay instead of native scrolling (> 991px)

            'header-navbar-fixed'        Enables fixed header
            'header-navbar-transparent'  Enables a transparent header (if also fixed, it will get a solid dark background color on scrolling)
        -->
        <div id="page-container" class="sidebar-l sidebar-mini sidebar-o side-scroll header-navbar-fixed header-navbar-transparent">
            <!-- Side Overlay-->
            <aside id="side-overlay">
                <!-- Side Overlay Scroll Container -->
                <div id="side-overlay-scroll">
                    <!-- Side Header -->
                    <div class="side-header side-content">
                        <!-- Layout API, functionality initialized in App() -> uiLayoutApi() -->
                        <button class="btn btn-default pull-right" type="button" data-toggle="layout" data-action="side_overlay_close">
                            <i class="fa fa-times"></i>
                        </button>
                        <span>
                            <img class="img-avatar img-avatar32" src="assets/img/avatars/avatar10.jpg" alt="">
                            <span class="font-w600 push-10-l">Bruce Edwards</span>
                        </span>
                    </div>
                    <!-- END Side Header -->

                    <!-- Side Content -->
                    <div class="side-content remove-padding-t">
                        <!-- Shopping Cart -->
                        <div class="block pull-r-l">
                            <div class="block-header bg-gray-lighter">
                                <ul class="block-options">
                                    <li>
                                        <button type="button" data-toggle="block-option" data-action="refresh_toggle" data-action-mode="demo"><i class="si si-refresh"></i></button>
                                    </li>
                                </ul>
                                <h3 class="block-title">Shopping Cart (3)</h3>
                            </div>
                            <div class="block-content">
                                <div class="pull-r-l">
                                    <table class="table table-borderless table-vcenter">
                                        <tbody>
                                            <tr>
                                                <td class="text-center">
                                                    <a class="text-danger" href="javascript:void(0)"><i class="fa fa-times"></i></a>
                                                </td>
                                                <td style="width: 55px;">
                                                    <img class="img-responsive" src="assets/img/various/ecom_product1.png" alt="">
                                                </td>
                                                <td>
                                                    <a class="h5" href="frontend_ecom_product.html">Iconic</a>
                                                    <div class="font-s12 text-muted">Beautifully crafted icon set</div>
                                                </td>
                                                <td class="text-right">
                                                    <div class="font-w600 text-success">$9</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-center">
                                                    <a class="text-danger" href="javascript:void(0)"><i class="fa fa-times"></i></a>
                                                </td>
                                                <td style="width: 55px;">
                                                    <img class="img-responsive" src="assets/img/various/ecom_product2.png" alt="">
                                                </td>
                                                <td>
                                                    <a class="h5" href="frontend_ecom_product.html">Mailday</a>
                                                    <div class="font-s12 text-muted">Pro email templates</div>
                                                </td>
                                                <td class="text-right">
                                                    <div class="font-w600 text-success">$16</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-center">
                                                    <a class="text-danger" href="javascript:void(0)"><i class="fa fa-times"></i></a>
                                                </td>
                                                <td style="width: 55px;">
                                                    <img class="img-responsive" src="assets/img/various/ecom_product3.png" alt="">
                                                </td>
                                                <td>
                                                    <a class="h5" href="frontend_ecom_product.html">Office Suite</a>
                                                    <div class="font-s12 text-muted">The best productivity apps</div>
                                                </td>
                                                <td class="text-right">
                                                    <div class="font-w600 text-success">$75</div>
                                                </td>
                                            </tr>
                                            <tr class="success">
                                                <td class="text-right" colspan="3">
                                                    <span class="h4 font-w600">Total</span>
                                                </td>
                                                <td class="text-right">
                                                    <div class="h4 font-w600 text-success">$100</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-right" colspan="4">
                                                    <a class="btn btn-sm btn-warning" href="frontend_ecom_checkout.html">
                                                        <i class="fa fa-refresh push-5-r"></i> Reset
                                                    </a>
                                                    <a class="btn btn-sm btn-success" href="frontend_ecom_checkout.html">
                                                        <i class="fa fa-check push-5-r"></i> Checkout
                                                    </a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!-- END Shopping Cart -->
                    </div>
                    <!-- END Side Content -->
                </div>
                <!-- END Side Overlay Scroll Container -->
            </aside>
            <!-- END Side Overlay -->
            <!-- Sidebar -->
            <nav id="sidebar">
                <!-- Sidebar Scroll Container -->
                <div id="sidebar-scroll">
                    <!-- Sidebar Content -->
                    <!-- Adding .sidebar-mini-hide to an element will hide it when the sidebar is in mini mode -->
                    <div class="sidebar-content">
                        <!-- Side Header -->
                        <div class="side-header side-content">
                            <!-- Layout API, functionality initialized in App() -> uiLayoutApi() -->
                            <button class="btn btn-link text-gray pull-right visible-xs visible-sm" type="button" data-toggle="layout" data-action="sidebar_close">
                                <i class="fa fa-times"></i>
                            </button>
                            <!-- Themes functionality initialized in App() -> uiHandleTheme() -->
                            <div class="btn-group pull-right visible-md visible-lg">
                                <button class="btn btn-link text-gray dropdown-toggle" data-toggle="dropdown" type="button">
                                    <i class="si si-drop"></i>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-right font-s13 sidebar-mini-hide">
                                    <li>
                                        <a data-toggle="theme" data-theme="default" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-default pull-right"></i> <span class="font-w600">Default</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/amethyst.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-amethyst pull-right"></i> <span class="font-w600">Amethyst</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/city.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-city pull-right"></i> <span class="font-w600">City</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/flat.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-flat pull-right"></i> <span class="font-w600">Flat</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/modern.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-modern pull-right"></i> <span class="font-w600">Modern</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle="theme" data-theme="assets/css/themes/smooth.min.css" tabindex="-1" href="javascript:void(0)">
                                            <i class="fa fa-circle text-smooth pull-right"></i> <span class="font-w600">Smooth</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <a class="h5 text-white" href="index.html">
                                <i class="fa fa-circle-o-notch text-primary"></i> <span class="h4 font-w600 sidebar-mini-hide">ne</span>
                            </a>
                        </div>
                        <!-- END Side Header -->

                        <!-- Side Content -->
                        <div class="side-content">
                            <ul class="nav-main">
                                <li>
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-home"></i><span class="sidebar-mini-hide">Home</span></a>
                                    <ul>
                                        <li>
                                            <a href="frontend_home.html">Default Navigation</a>
                                        </li>
                                        <li>
                                            <a href="frontend_home_header_nav.html">Header Navigation</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="frontend_features.html"><i class="si si-energy"></i><span class="sidebar-mini-hide">Features</span></a>
                                </li>
                                <li>
                                    <a href="frontend_pricing.html"><i class="si si-wallet"></i><span class="sidebar-mini-hide">Pricing</span></a>
                                </li>
                                <li>
                                    <a href="frontend_contact.html"><i class="si si-envelope-open"></i><span class="sidebar-mini-hide">Contact</span></a>
                                </li>
                                <li>
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-book-open"></i><span class="sidebar-mini-hide">Pages</span></a>
                                    <ul>
                                        <li>
                                            <a href="frontend_team.html">Team</a>
                                        </li>
                                        <li>
                                            <a href="frontend_support.html">Support</a>
                                        </li>
                                        <li>
                                            <a href="frontend_search.html">Search</a>
                                        </li>
                                        <li>
                                            <a href="frontend_about.html">About</a>
                                        </li>
                                        <li>
                                            <a href="frontend_login.html">Log In</a>
                                        </li>
                                        <li>
                                            <a href="frontend_signup.html">Sign Up</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="nav-main-heading"><span class="sidebar-mini-hide">Pages Packs</span></li>
                                <li>
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-pencil"></i><span class="sidebar-mini-hide">Blog</span></a>
                                    <ul>
                                        <li>
                                            <a href="frontend_blog_classic.html">Classic</a>
                                        </li>
                                        <li>
                                            <a href="frontend_blog_list.html">List</a>
                                        </li>
                                        <li>
                                            <a href="frontend_blog_grid.html">Grid</a>
                                        </li>
                                        <li>
                                            <a href="frontend_blog_story.html">Story</a>
                                        </li>
                                        <li>
                                            <a href="frontend_blog_story_cover.html">Story Cover</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-graduation"></i><span class="sidebar-mini-hide">e-Learning</span></a>
                                    <ul>
                                        <li>
                                            <a href="frontend_elearning_courses.html">Courses</a>
                                        </li>
                                        <li>
                                            <a href="frontend_elearning_course.html">Course</a>
                                        </li>
                                        <li>
                                            <a href="frontend_elearning_lesson.html">Lesson</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="open">
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-bag"></i><span class="sidebar-mini-hide">e-Commerce</span></a>
                                    <ul>
                                        <li>
                                            <a href="frontend_ecom_home.html">Home</a>
                                        </li>
                                        <li>
                                            <a href="frontend_ecom_search.html">Search Results</a>
                                        </li>
                                        <li>
                                            <a class="active" href="frontend_ecom_products.html">Products List</a>
                                        </li>
                                        <li>
                                            <a href="frontend_ecom_product.html">Product Page</a>
                                        </li>
                                        <li>
                                            <a href="frontend_ecom_checkout.html">Checkout</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-plane"></i><span class="sidebar-mini-hide">Travel</span></a>
                                    <ul>
                                        <li>
                                            <a href="frontend_travel_agency.html">Agency</a>
                                        </li>
                                        <li>
                                            <a href="frontend_travel_package.html">Package</a>
                                        </li>
                                        <li>
                                            <a href="frontend_travel_guide.html">Guide</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <!-- END Side Content -->
                    </div>
                    <!-- Sidebar Content -->
                </div>
                <!-- END Sidebar Scroll Container -->
            </nav>
            <!-- END Sidebar -->

            <!-- Main Container -->
            <main id="main-container">
                <!-- e-Commerce Header -->
                <div class="bg-white">
                    <section class="content content-mini content-boxed">
                        <div class="row items-push">
                            <div class="col-xs-6 col-sm-3">
                                <form action="frontend_ecom_search.html" method="post">
                                    <div class="input-group">
                                        <input type="text" id="ecom-search" name="ecom-search" class="form-control" placeholder="Search..">
                                        <div class="input-group-btn">
                                            <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-xs-6 col-sm-9 text-right">
                                <!-- Layout API, functionality initialized in App() -> uiLayoutApi() -->
                                <button class="btn btn-default" type="button" data-toggle="layout" data-action="side_overlay_toggle">
                                    <i class="fa fa-shopping-cart push-5-r"></i> <span class="hidden-xs">Cart</span> (3)
                                </button>
                                <button class="btn btn-default hidden-md hidden-lg" type="button" data-toggle="layout" data-action="sidebar_open">
                                    <i class="fa fa-navicon"></i>
                                </button>
                            </div>
                        </div>
                    </section>
                </div>
                <!-- END e-Commerce Header -->

                <!-- Side Content and Products -->
                <div class="bg-gray-lighter">
                    <section class="content content-boxed">
                        <div class="row">
                            <div class="col-lg-3">
                                <!-- Buttons which toggles side nav content content in smaller screens -->
                                <!-- Toggle class helper (for .js-nav-content below), functionality initialized in App() -> uiToggleClass() -->
                                <div class="block hidden-lg">
                                    <div class="block-content">
                                        <button class="btn btn-sm btn-block btn-default push" type="button" data-toggle="class-toggle" data-target=".js-nav-content" data-class="visible-lg">
                                            <i class="fa fa-list-ul push-5-r"></i> Navigation
                                        </button>
                                    </div>
                                </div>

                                <!-- Side Content -->
                                <div class="js-nav-content visible-lg">
                                    <!-- Categories -->
                                    <div class="block">
                                        <div class="block-content">
                                            <ul class="nav nav-pills nav-stacked push">
                                                <li>
                                                    <a href="javascript:void(0)"><span class="badge pull-right">7k</span> Icons</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)"><span class="badge pull-right">2k</span> Apps</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)"><span class="badge pull-right">3k</span> Games</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)"><span class="badge pull-right">18k</span> Graphics</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)"><span class="badge pull-right">2k</span> Services</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)"><span class="badge pull-right">12k</span> UI Kits</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:void(0)"><span class="badge pull-right">6k</span> Themes</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!-- END Categories -->

                                    <!-- Best Authors -->
                                    <div class="block">
                                        <a class="block block-link-hover3 block-transparent remove-margin-b" href="javascript:void(0)">
                                            <div class="block-content block-content-full clearfix">
                                                <div class="pull-right">
                                                    <img class="img-avatar" src="assets/img/avatars/avatar3.jpg" alt="">
                                                </div>
                                                <div class="pull-left push-10-t">
                                                    <div class="font-w600 push-5">Amy Hunter</div>
                                                    <div class="text-muted">50k Sales</div>
                                                </div>
                                            </div>
                                        </a>
                                        <a class="block block-link-hover3 block-transparent remove-margin-b" href="javascript:void(0)">
                                            <div class="block-content block-content-full clearfix">
                                                <div class="pull-right">
                                                    <img class="img-avatar" src="assets/img/avatars/avatar15.jpg" alt="">
                                                </div>
                                                <div class="pull-left push-10-t">
                                                    <div class="font-w600 push-5">Adam Hall</div>
                                                    <div class="text-muted">48k Sales</div>
                                                </div>
                                            </div>
                                        </a>
                                        <a class="block block-link-hover3 block-transparent remove-margin-b" href="javascript:void(0)">
                                            <div class="block-content block-content-full clearfix">
                                                <div class="pull-right">
                                                    <img class="img-avatar" src="assets/img/avatars/avatar2.jpg" alt="">
                                                </div>
                                                <div class="pull-left push-10-t">
                                                    <div class="font-w600 push-5">Evelyn Willis</div>
                                                    <div class="text-muted">35k Sales</div>
                                                </div>
                                            </div>
                                        </a>
                                        <a class="block block-link-hover3 block-transparent remove-margin-b" href="javascript:void(0)">
                                            <div class="block-content block-content-full clearfix">
                                                <div class="pull-right">
                                                    <img class="img-avatar" src="assets/img/avatars/avatar9.jpg" alt="">
                                                </div>
                                                <div class="pull-left push-10-t">
                                                    <div class="font-w600 push-5">John Parker</div>
                                                    <div class="text-muted">31k Sales</div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <!-- END Best Authors -->
                                </div>
                                <!-- END Side Content -->
                            </div>
                            <div class="col-lg-9">
                                <!-- Sort and Show Filters -->
                                <div class="form-inline clearfix">
                                    <select id="ecom-results-show" name="ecom-results-show" class="form-control push pull-right" size="1">
                                        <option value="0" disabled selected>SHOW</option>
                                        <option value="9">9</option>
                                        <option value="18">18</option>
                                        <option value="36">36</option>
                                        <option value="72">72</option>
                                    </select>
                                    <select id="ecom-results-sort" name="ecom-results-sort" class="form-control push" size="1">
                                        <option value="0" disabled selected>SORT BY</option>
                                        <option value="1">Popularity</option>
                                        <option value="2">Name (A to Z)</option>
                                        <option value="3">Name (Z to A)</option>
                                        <option value="4">Price (Lowest to Highest)</option>
                                        <option value="5">Price (Highest to Lowest)</option>
                                        <option value="6">Sales (Lowest to Highest)</option>
                                        <option value="7">Sales (Highest to Lowest)</option>
                                    </select>
                                </div>
                                <!-- END Sort and Show Filters -->

                                <!-- Products -->
                                <div class="row">
                                    <div class="col-sm-6 col-lg-4">
                                        <div class="block">
                                            <div class="img-container">
                                                <img class="img-responsive" src="assets/img/various/ecom_product10.png" alt="">
                                                <div class="img-options">
                                                    <div class="img-options-content">
                                                        <div class="push-20">
                                                            <a class="btn btn-sm btn-default" href="frontend_ecom_product.html">View</a>
                                                            <a class="btn btn-sm btn-default" href="javascript:void(0)">
                                                                <i class="fa fa-plus"></i> Add to cart
                                                            </a>
                                                        </div>
                                                        <div class="text-warning">
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <span class="text-white">(998)</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block-content">
                                                <div class="push-10">
                                                    <div class="h4 font-w600 text-success pull-right push-10-l">$44</div>
                                                    <a class="h4" href="frontend_ecom_product.html">Calendious</a>
                                                </div>
                                                <p class="text-muted">Management for freelancers</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-lg-4">
                                        <div class="block">
                                            <div class="img-container">
                                                <img class="img-responsive" src="assets/img/various/ecom_product12.png" alt="">
                                                <div class="img-options">
                                                    <div class="img-options-content">
                                                        <div class="push-20">
                                                            <a class="btn btn-sm btn-default" href="frontend_ecom_product.html">View</a>
                                                            <a class="btn btn-sm btn-default" href="javascript:void(0)">
                                                                <i class="fa fa-plus"></i> Add to cart
                                                            </a>
                                                        </div>
                                                        <div class="text-warning">
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <span class="text-white">(745)</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block-content">
                                                <div class="push-10">
                                                    <div class="h4 font-w600 text-success pull-right push-10-l">$22</div>
                                                    <a class="h4" href="frontend_ecom_product.html">e-Music</a>
                                                </div>
                                                <p class="text-muted">Music streaming service</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-lg-4">
                                        <div class="block">
                                            <div class="img-container">
                                                <img class="img-responsive" src="assets/img/various/ecom_product6.png" alt="">
                                                <div class="img-options">
                                                    <div class="img-options-content">
                                                        <div class="push-20">
                                                            <a class="btn btn-sm btn-default" href="frontend_ecom_product.html">View</a>
                                                            <a class="btn btn-sm btn-default" href="javascript:void(0)">
                                                                <i class="fa fa-plus"></i> Add to cart
                                                            </a>
                                                        </div>
                                                        <div class="text-warning">
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <span class="text-white">(480)</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block-content">
                                                <div class="push-10">
                                                    <div class="h4 font-w600 text-success pull-right push-10-l">$58</div>
                                                    <a class="h4" href="frontend_ecom_product.html">Super Badges Pack</a>
                                                </div>
                                                <p class="text-muted">1000s of high quality badges</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-lg-4">
                                        <div class="block">
                                            <div class="img-container">
                                                <img class="img-responsive" src="assets/img/various/ecom_product7.png" alt="">
                                                <div class="img-options">
                                                    <div class="img-options-content">
                                                        <div class="push-20">
                                                            <a class="btn btn-sm btn-default" href="frontend_ecom_product.html">View</a>
                                                            <a class="btn btn-sm btn-default" href="javascript:void(0)">
                                                                <i class="fa fa-plus"></i> Add to cart
                                                            </a>
                                                        </div>
                                                        <div class="text-warning">
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <span class="text-white">(520)</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block-content">
                                                <div class="push-10">
                                                    <div class="h4 font-w600 text-success pull-right push-10-l">$65</div>
                                                    <a class="h4" href="frontend_ecom_product.html">RPG Game Pack</a>
                                                </div>
                                                <p class="text-muted">10-in-1 Anniversary Pack</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-lg-4">
                                        <div class="block">
                                            <div class="img-container">
                                                <img class="img-responsive" src="assets/img/various/ecom_product8.png" alt="">
                                                <div class="img-options">
                                                    <div class="img-options-content">
                                                        <div class="push-20">
                                                            <a class="btn btn-sm btn-default" href="frontend_ecom_product.html">View</a>
                                                            <a class="btn btn-sm btn-default" href="javascript:void(0)">
                                                                <i class="fa fa-plus"></i> Add to cart
                                                            </a>
                                                        </div>
                                                        <div class="text-warning">
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <span class="text-white">(490)</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block-content">
                                                <div class="push-10">
                                                    <div class="h4 font-w600 text-success pull-right push-10-l">$17</div>
                                                    <a class="h4" href="frontend_ecom_product.html">Antivir</a>
                                                </div>
                                                <p class="text-muted">Antivirus protection for all</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-lg-4">
                                        <div class="block">
                                            <div class="img-container">
                                                <img class="img-responsive" src="assets/img/various/ecom_product11.png" alt="">
                                                <div class="img-options">
                                                    <div class="img-options-content">
                                                        <div class="push-20">
                                                            <a class="btn btn-sm btn-default" href="frontend_ecom_product.html">View</a>
                                                            <a class="btn btn-sm btn-default" href="javascript:void(0)">
                                                                <i class="fa fa-plus"></i> Add to cart
                                                            </a>
                                                        </div>
                                                        <div class="text-warning">
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <span class="text-white">(870)</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block-content">
                                                <div class="push-10">
                                                    <div class="h4 font-w600 text-success pull-right push-10-l">$35</div>
                                                    <a class="h4" href="frontend_ecom_product.html">Todo App</a>
                                                </div>
                                                <p class="text-muted">All your tasks in one place</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-lg-4">
                                        <div class="block">
                                            <div class="img-container">
                                                <img class="img-responsive" src="assets/img/various/ecom_product9.png" alt="">
                                                <div class="img-options">
                                                    <div class="img-options-content">
                                                        <div class="push-20">
                                                            <a class="btn btn-sm btn-default" href="frontend_ecom_product.html">View</a>
                                                            <a class="btn btn-sm btn-default" href="javascript:void(0)">
                                                                <i class="fa fa-plus"></i> Add to cart
                                                            </a>
                                                        </div>
                                                        <div class="text-warning">
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <span class="text-white">(1050)</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block-content">
                                                <div class="push-10">
                                                    <div class="h4 font-w600 text-success pull-right push-10-l">$18</div>
                                                    <a class="h4" href="frontend_ecom_product.html">MapNow</a>
                                                </div>
                                                <p class="text-muted">Map service for your app</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-lg-4">
                                        <div class="block">
                                            <div class="img-container">
                                                <img class="img-responsive" src="assets/img/various/ecom_product4.png" alt="">
                                                <div class="img-options">
                                                    <div class="img-options-content">
                                                        <div class="push-20">
                                                            <a class="btn btn-sm btn-default" href="frontend_ecom_product.html">View</a>
                                                            <a class="btn btn-sm btn-default" href="javascript:void(0)">
                                                                <i class="fa fa-plus"></i> Add to cart
                                                            </a>
                                                        </div>
                                                        <div class="text-warning">
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <span class="text-white">(69)</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block-content">
                                                <div class="push-10">
                                                    <div class="h4 font-w600 text-success pull-right push-10-l">$15</div>
                                                    <a class="h4" href="frontend_ecom_product.html">Steam Games</a>
                                                </div>
                                                <p class="text-muted">3-in-1 Adventure Pack</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-lg-4">
                                        <div class="block">
                                            <div class="img-container">
                                                <img class="img-responsive" src="assets/img/various/ecom_product2.png" alt="">
                                                <div class="img-options">
                                                    <div class="img-options-content">
                                                        <div class="push-20">
                                                            <a class="btn btn-sm btn-default" href="frontend_ecom_product.html">View</a>
                                                            <a class="btn btn-sm btn-default" href="javascript:void(0)">
                                                                <i class="fa fa-plus"></i> Add to cart
                                                            </a>
                                                        </div>
                                                        <div class="text-warning">
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <span class="text-white">(48)</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="block-content">
                                                <div class="push-10">
                                                    <div class="h4 font-w600 text-success pull-right push-10-l">$16</div>
                                                    <a class="h4" href="frontend_ecom_product.html">Mailday</a>
                                                </div>
                                                <p class="text-muted">Pro email templates</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 push">
                                        <ul class="pager">
                                            <li class="next">
                                                <a href="javascript:void(0)">Next <i class="fa fa-arrow-right"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- END Products -->
                            </div>
                        </div>
                    </section>
                </div>
                <!-- END Side Content and Products -->
            </main>
            <!-- END Main Container -->

            <!-- Footer -->
            <footer id="page-footer" class="bg-white">
                <div class="content content-boxed">
                    <!-- Footer Navigation -->
                    <div class="row push-30-t items-push-2x">
                        <div class="col-sm-4">
                            <h3 class="h5 font-w600 text-uppercase push-20">Company</h3>
                            <ul class="list list-simple-mini font-s13">
                                <li>
                                    <a class="font-w600" href="frontend_home.html">Home</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="frontend_features.html">Features</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="frontend_pricing.html">Pricing</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="frontend_about.html">About Us</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="frontend_contact.html">Contact Us</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-sm-4">
                            <h3 class="h5 font-w600 text-uppercase push-20">Support</h3>
                            <ul class="list list-simple-mini font-s13">
                                <li>
                                    <a class="font-w600" href="frontend_login.html">Log In</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="frontend_signup.html">Sign Up</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="frontend_support.html">Support Center</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="javascript:void(0)">Privacy Policy</a>
                                </li>
                                <li>
                                    <a class="font-w600" href="javascript:void(0)">Terms &amp; Conditions</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-sm-4">
                            <h3 class="h5 font-w600 text-uppercase push-20">Get In Touch</h3>
                            <div class="font-s13 push">
                                <strong>Company, Inc.</strong><br>
                                980 Folsom Ave, Suite 1230<br>
                                San Francisco, CA 94107<br>
                                <abbr title="Phone">P:</abbr> (123) 456-7890
                            </div>
                            <div class="font-s13">
                                <i class="si si-envelope-open"></i> company@example.com
                            </div>
                        </div>
                    </div>
                    <!-- END Footer Navigation -->

                    <!-- Copyright Info -->
                    <div class="font-s12 push-20 clearfix">
                        <hr class="remove-margin-t">
                        <div class="pull-right">
                            Crafted with <i class="fa fa-heart text-city"></i> by <a class="font-w600" href="http://goo.gl/vNS3I" target="_blank">pixelcave</a>
                        </div>
                        <div class="pull-left">
                            <a class="font-w600" href="http://goo.gl/6LF10W" target="_blank">OneUI 3.1</a> &copy; <span class="js-year-copy"></span>
                        </div>
                    </div>
                    <!-- END Copyright Info -->
                </div>
            </footer>
            <!-- END Footer -->
        </div>
        <!-- END Page Container -->

        <!-- OneUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock, Appear, CountTo, Placeholder, Cookie and App.js -->
        <script src="assets/js/core/jquery.min.js"></script>
        <script src="assets/js/core/bootstrap.min.js"></script>
        <script src="assets/js/core/jquery.slimscroll.min.js"></script>
        <script src="assets/js/core/jquery.scrollLock.min.js"></script>
        <script src="assets/js/core/jquery.appear.min.js"></script>
        <script src="assets/js/core/jquery.countTo.min.js"></script>
        <script src="assets/js/core/jquery.placeholder.min.js"></script>
        <script src="assets/js/core/js.cookie.min.js"></script>
        <script src="assets/js/app.js"></script>

        <!-- Page JS Code -->
        <script>
            jQuery(function () {
                // Init page helpers (Appear plugin)
                App.initHelpers('appear');
            });
        </script>
    </body>
</html>